<template>
  <div>
<!--    <video id='bgVideo' autoplay loop muted src="@/assets/img/video/开头视频.mp4"></video>-->
    <page-header>
      <div>人物馆</div>
    </page-header>
    <router-view></router-view>
<!--    <Row>-->
<!--      <Col offset="2" span="20">-->
<!--        <el-carousel :interval="4000" type="card" height="400px">-->
<!--          <el-carousel-item v-for="item in 4" :key="item" >-->
<!--            <router-link class="medium" :to="topic[item-1].url">{{topic[item-1].name}}</router-link>-->
<!--          </el-carousel-item>-->
<!--        </el-carousel>-->
<!--      </Col>-->
<!--    </Row>-->
    <toAcknowledgementPageButton></toAcknowledgementPageButton>
    <ToMain></ToMain>

<!--    <page-footer></page-footer>-->
    <particles></particles>
  </div>
</template>

<script>

import PageHeader from "@/components/main/pageHeader";
import Topic from "@/components/scientist/topic";
import ToAcknowledgementPageButton from "@/components/main/toAcknowledgementPageButton";
import ToMain from "@/components/main/toMain";
import Particles from "@/components/common/particles";
export default {
  name: "scientists",
  components:{
    Particles,
    PageHeader,
    Topic,
    ToAcknowledgementPageButton,
    ToMain
  },
  data(){
    return{
      topic:[{url:'/scientists/medical',name:"生物医学"},
        {url:'/scientists/theSeaOfStars',name:"星辰大海"},
        {url:'/scientists/traffic',name:"交通网络"},
        {url:'/scientists/militar',name:"军事国防"},
      ]
    }
  }
}
</script>

<style scoped>
.bg{
  width: 100%;
  background-color: #080f27;
  position: fixed;
  top: 0;
  z-index: -1;
}

</style>
